<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>使用axis</title>
    <script src="https://unpkg.com/vue/dist/vue.js"></script>
</head>

<body>

    <div id="app">
        <form @submit.prevent="vueSubmit">
            <div>
                <label>Name</label>
                <input type="text" required />
            </div>

            <div>
                <label>Email</label>
                <input type="email" required />
            </div>
            <div>
                <label>submit</label>
                <button type="submit" @click="vueSubmit">submit</button>
            </div>
        </form>
    </div>


    <script>
        new Vue({
            el: '#app',
            methods:{
                vueSubmit(){
                    console.info('fake AjAX request');
                }
            }
        })
    </script>
</body>

</html>